<template>
  <Panel :class="$style.panel" title="理财精选">
      <ul :class="$style.content">
          <li>
              <img src="//img12.360buyimg.com/jrpmobile/jfs/t3670/58/543125556/2606/a65096b9/580d80afN63b1085a.png?width=76&height=76" alt="">
              <div>
                  <h4>月度理财</h4>
                  <p>预期年化收益率4.50%</p>
              </div>
              <em>去赚钱 > </em>
          </li>
          <li>
              <img src="//img12.360buyimg.com/jrpmobile/jfs/t3670/58/543125556/2606/a65096b9/580d80afN63b1085a.png?width=76&height=76" alt="">
              <div>
                  <h4>月度理财</h4>
                  <p>预期年化收益率4.50%</p>
              </div>
              <em>去赚钱 > </em>
          </li>
          <li>
              <img src="//img12.360buyimg.com/jrpmobile/jfs/t3670/58/543125556/2606/a65096b9/580d80afN63b1085a.png?width=76&height=76" alt="">
              <div>
                  <h4>月度理财</h4>
                  <p>预期年化收益率4.50%</p>
              </div>
              <em>去赚钱 > </em>
          </li>
      </ul>
  </Panel>
</template>

<script>
import Panel from '../core/panel'
export default {
    components:{
        Panel,
    },
}

</script>
<style lang='scss' module>
@import '../../css/element.scss';
.panel{
    @include panel;
    >h4{
         border-bottom:1px solid #ccc;
    }
    .content{
        >li{
            @include list(row);
            align-items: center;
            line-height: 140px;
            &:after{
                content:"";
                width:100%;
                height:0;
                border-bottom:1px solid #ccc;
                margin-left:140px;
            }
            &:last-child:after{
                border:0
            }
            >img{
                width:88px;
                height:88px;
                margin:0 32px;
            }
            >div{
                font-size:32px;
                color:#333;
                line-height: 1.8;
                width:344px; 
                p{
                    color:#ff3232;
                    font-size: 24px;
                    line-height: 1.1;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
            }
            >em{
                font-size: 28px;
                color:#ff801a;
            }
        }       
    }
}
</style>